<template>
	<el-container class="homeContainer">
	    <!-- 头部信息 -->
	    <el-header>
			<div style="margin-top: 0px;">
			  <top class="top"></top>
			</div>
			<hr/>
	    </el-header>
	  
	    <el-container>
	      <!-- 左侧菜单栏 -->
	      <el-aside :width="iscollapse ? '50px' : '250px'" style=" margin-top: 10px;">
	       <div>
	         <left class="left"></left>
	       </div>
	      </el-aside>
	      <!-- 主体部分 -->
	      <el-main style="height: 630px; margin-top:10px">
	        <router-view></router-view>
	      </el-main>
	    </el-container>
	  </el-container>
 
</template>

<script>
import top from "../components/Top.vue";
import left from "../components/Left.vue";
import right from "../components/Right.vue";
import market from "../components/Market.vue";
import f from "../components/Find.vue";
import hello from "../components/Hello.vue";
import cen from "../components/Cen.vue";

export default {
  name: "App",
  components: {
    top,
    left,
    cen,
    right,
    market,
    find,
    hello,
  },
};
</script>

<style scoped>
.es::-webkit-scrollbar {
  /* overflow-x: hidden; */
  height: 10px;
}
.es::-webkit-scrollbar-track {
  display: none;
}
.es::-webkit-scrollbar-thumb {
  background-color: #a6b2ff;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  /* margin-top: 60px; */
}

.top {
  width: 1450px;
  height: 50px;
  /* background-color: #00ffff; */
  margin: 0 auto;
  /* background-color: rgb(197, 122, 51); */
}
.el-aside{
  background-color: #f2efe8;
}
.left {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #00ffff!important;
}
/* .es {
  background: url("../assets/image/bg.png") no-repeat;
} */
/* .cen {
  width: 1050px;
  margin: 10px;
}

.right {
  width: 200px;
  margin: 0;
  background-color: #aaaaff;
} */
</style>